<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- <script src="js/vue.js"></script> -->
    <script src="head.js"></script>
    <style>
        
    </style>
</head>
<body>
    <div class="kw-support box-top">
        <div class="support-banner">
            <img src="img/kwimg29.jpg" alt="">
        </div>
        <div class="support-faq" id="support-faq">
            <div class="layui-row layui-col-space30">
                <div class="support-faq-l layui-col-xs12 layui-col-sm3">
                    <div class="pro-bx">
                        <img src="img/kw-prodects_FS08.jpg" alt="">
                    </div>
                    <p id="faq-selec">FS08 
                        <!-- <span>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#iconkw-lvzhou_gengduo_xiangqing"></use>
                            </svg>
                        </span> -->
                    </p>
                </div>
                <div class="support-faq-r layui-col-xs12 layui-col-sm9">
                    <div class="faq-aq-box">
                        <ul style="display: block;" id="KW26">
                            <li><h2>KW26</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KW06">
                            <li><h2>KW06</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KW99">
                            <li><h2>KW99</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KW88">
                            <li><h2>KW88</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KW98">
                            <li><h2>KW98</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KW68">
                            <li><h2>KW68</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="FS08">
                            <li><h2>FS08</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="GV68">
                            <li><h2>GV68</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KW01">
                            <li><h2>KW01</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KW02">
                            <li><h2>KW02</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KW03">
                            <li><h2>KW03</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KC01">
                            <li><h2>KC01</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KC02">
                            <li><h2>KC02</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="GV08">
                            <li><h2>GV08</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KW18">
                            <li><h2>KW18</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KW28">
                            <li><h2>KW28</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="GT88">
                            <li><h2>GT88</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="GT08">
                            <li><h2>GT08</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KR01">
                            <li><h2>KR01</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KR02">
                            <li><h2>KR02</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KR03">
                            <li><h2>KR03</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KR04">
                            <li><h2>KR04</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                        <ul id="KR05">
                            <li><h2>KR05</h2></li>
                            <li>
                                <h4>Can I track watches location from my phone?</h4>
                                <div class="answer">Charging need 2-3 hours, normal use time can be used about 1 day (depending on the using conditions</div>
                            </li>
                        </ul>
                    </div>
                    <div class="faq-pro-box">
                        <div class="faq-pro-control">×</div>
                        <ul class="layui-row layui-col-space5">
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW26.jpg" alt="">
                                <p>KW26</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW06.jpg" alt="">
                                <p>KW06</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW99.jpg" alt="">
                                <p>KW99</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW88.jpg" alt="">
                                <p>KW88</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW98.jpg" alt="">
                                <p>KW98</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW68.jpg" alt="">
                                <p>KW68</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_FS08.jpg" alt="">
                                <p>FS08</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_GV68.jpg" alt="">
                                <p>GV68</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW01.jpg" alt="">
                                <p>KW01</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW02.jpg" alt="">
                                <p>KW02</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW03.jpg" alt="">
                                <p>KW03</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KC01.jpg" alt="">
                                <p>KC01</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KC02.jpg" alt="">
                                <p>KC02</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_GV08.jpg" alt="">
                                <p>GV08</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW18.jpg" alt="">
                                <p>KW18</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KW28.jpg" alt="">
                                <p>KW28</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_GT88.jpg" alt="">
                                <p>GT88</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_GT08.jpg" alt="">
                                <p>GT08</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KR01.jpg" alt="">
                                <p>KR01</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KR02.jpg" alt="">
                                <p>KR02</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KR03.jpg" alt="">
                                <p>KR03</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KR04.jpg" alt="">
                                <p>KR04</p>
                            </li>
                            <li class="layui-col-sm3 layui-col-xs6">
                                <img src="img/kw-prodects_KR05.jpg" alt="">
                                <p>KR05</p>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>       
        </div>
    </div>
    <script type="text/javascript">
    $(document).ready(function(){
        $(".support-faq-r ul li h4").click(function(){
        $(this).parent("li").find(".answer").toggle(200);
        });
        var sj = 0;
        $("#faq-selec").click(function(){
            if(sj === 0) {
                $(".faq-pro-box").css("display","block");
                $(".faq-aq-box").css("display","none"); 
                setTimeout(function(){
                    $(".faq-pro-box").addClass("box-entrance").removeClass("box-exit");
                    $(".faq-aq-box").addClass("box-entrance").removeClass("box-exit");  
                },0);
                sj = 1;
            }else {
                $(".faq-aq-box").css("display","block");
                $(".faq-pro-box").css("display","none");
                setTimeout(function(){
                    $(".faq-pro-box").addClass("box-exit").removeClass("box-entrance");
                    $(".faq-aq-box").addClass("box-entrance").removeClass("box-exit");  
                },0);
                sj = 0;
            }
            $(".faq-pro-control").click(function(){
                $(".faq-aq-box").css("display","block");
                $(".faq-pro-box").css("display","none");
                setTimeout(function(){
                    $(".faq-pro-box").addClass("box-exit").removeClass("box-entrance");
                    $(".faq-aq-box").addClass("box-entrance").removeClass("box-exit");  
                },0);
                sj = 0;
            })
            $(".faq-pro-box ul li").click(function(){
                var imgattr = $(this).find("img").attr("src");
                var proName = $(this).find("p").text();
                $(".pro-bx").find("img").attr("src",imgattr);
                $("#faq-selec").text(proName);
                $(".faq-aq-box").find("ul").css("display","none");
                $("#"+proName+"").css("display","block");
                $(".faq-aq-box").css("display","block");
                $(".faq-pro-box").css("display","none");
                setTimeout(function(){
                    $(".faq-pro-box").addClass("box-exit").removeClass("box-entrance");
                    $(".faq-aq-box").addClass("box-entrance").removeClass("box-exit");  
                },0);
                sj = 0;
            })
        })
        
    });
    // var prods = new Vue({
    //     el: '#support-faq',
    //     data() {
    //         return {
    //             list:[],
    //         }
    //     },
    //     methods: {
    //     },
    //     mounted: function(){
    //         $.getJSON("data/kw-products.json",function(data){                
    //             //console.log(data)  
    //             this.list = data;
    //         }.bind(this))  
    //     }
    // })
    
    </script>
    <script src="js/page-nav.js"></script>
    <script src="foot.js"></script>
</body>
</html>